<template>
  <div class="flex items-center justify-center h-[64px] box-border">
    <span>Logo</span>
    <span class="ml-2 text-lg font-bold whitespace-nowrap" v-if="!collapsed"> xxx系统 </span>
  </div>
</template>

<script lang="ts" setup>
  import { computed } from 'vue';
  import { useAppStore } from '@/store/modules/app';
  const appStore = useAppStore();
  const collapsed = computed(() => appStore.collapsed);
</script>
